<template>
  <div id="app">

<tabbar icon=bottom>
      <tabbar-item selected link="/">
        <img slot="icon" src="../static/1.png">
        <span slot="label">首页</span>
      </tabbar-item>
      <tabbar-item link='/shopping'>
        <img slot="icon" src="../static/1.png">
        <span slot="label">购物车</span>
      </tabbar-item>
      <tabbar-item link='/me'>
        <img slot="icon" src="../static/1.png">
        <span slot="label">我的</span>
      </tabbar-item>
    </tabbar>

      <router-view />
 

  </div>
  
</template>

<script>
  export default {
    name: 'App',
    created() {

    },
    methods: {}
  }
</script>

<style>
  * {
    margin: 0;
    box-sizing: border-box;
  }

  body, html {
    height: 100%;
  }

  #app {
    text-align: center;
    position: relative;
    padding-bottom: 17vw;
  }
.weui-tabbar{
  position: fixed !important;
  position: absolute;
  bottom: 0;
  
}

</style>
